<!-- 移动端侧边按钮 -->
<button
  type="button"
  id="mobile-aside-btn"
  class="lg:hidden font-medium rounded-lg text-sm text-center pr-4"
>
  <svg
    class="w-7 h-7 text-gray-800 dark:text-white"
    aria-hidden="true"
    xmlns="http://www.w3.org/2000/svg"
    width="24"
    height="24"
    fill="currentColor"
    viewBox="0 0 24 24"
  >
    <path
      fill-rule="evenodd"
      d="M5 6a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Zm0 12a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Zm3.85-9.76A1 1 0 0 1 10.5 9v6a1 1 0 0 1-1.65.76l-3.5-3a1 1 0 0 1 0-1.52l3.5-3ZM12 10a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1Z"
      clip-rule="evenodd"></path>
  </svg>
</button>

<script>
  const y = document.getElementById("right-box-fixed");
  const nl = document.getElementById("mobile-aside-btn");
  nl!.addEventListener("click", function () {
    if (y) {
      if (!y.classList.contains("max-lg:hidden")) {
        y.classList.add("max-lg:hidden");
        y.style.top = "14px";
      } else {
        y.classList.remove("max-lg:hidden");
        y.style.top = "60px";
      }
    }
  });
</script>
